<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>墨阅小说</title>
    <link th:href="@{/moyue/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/moyue/css/index.css}"  rel="stylesheet">
    <link th:href="@{/moyue/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
    <link rel="shortcut icon" th:href="@{/moyue/images/favicon.ico}" type="image/x-icon"/>
</head>
<body>
<div class="wrip">
    <div class="header">
        <dl class="header-nav">
            <dd class="header-nav-dengluh" th:if="${session.user}==null">
                <i class="fa fa-user-o" style="color: #ff6600;margin-right: 5px"></i>
                <a href="javascript:;" onclick="upup()">登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a  th:href="@{/moyue/user/registerUI}" target="_blank">注册</a>
            </dd>
            <dd class="header-nav-dengluh" th:if="${session.user}!=null">
                <a th:each="user : ${session.user}" th:text="${user.userName}" th:href="@{/moyue/user/myhomehtml}"></a>
            </dd>
            <dd class="header-nav-dengluq"></dd>
            <dd><i class="fa fa-refresh"style="color: #ff6600;margin-right: 5px"></i> <a href="">看过</a></dd>
            <dd><i class="fa fa-user-o" style="color: #ff6600;margin-right: 5px"></i><a href="/moyue/book/bookcaselist">书架</a></dd>
            <dd><i class="fa fa-envelope-open-o" style="color: #ff6600;margin-right: 5px"></i><a href="/moyue/user/messagehtml" th:href="@{/moyue/user/messagehtml}">消息</a></dd>
            <dd><i class="fa fa-paint-brush" style="color: #ff6600;margin-right: 5px"></i><a href="/moyue/user/writerhtml" th:href="@{/moyue/user/writerhtml}">写书</a></dd>
            <dd><i class="fa fa-database" style="color: #ff6600;margin-right: 5px"></i><a href="javascript:;" onclick="yesuser()">充值</a></dd>
        </dl>
        <a th:href="@{/moyue/user/index}" class="header-logo">墨阅小说</a>
        <form class="header-input" th:action="@{/moyue/book/searchbook}" enctype="multipart/form-data" method=post>
            <i class="fa fa-search" style="margin-left:10px;color: #CCCCCC;" ></i>&nbsp;&nbsp;|
            <input type="text" class="header-input-s" placeholder="斗罗大陆" name="bookName" onkeyup="fuz()">
            <input type="submit" class="header-input-b" value="提交">
        </form>
        <div class="clear"></div>
        <div class="sear-fuz none">
            <!--<a href="#" class="fuz">斗大陆</a>-->
        </div>
    </div>
    <div class="nav">
        <ul>
            <li class="lifrist"><a th:href="@{/moyue/user/allwork}">作品分类</a></li>
            <li class="lis"><a th:href="@{/moyue/user/allwork}">全部作品</a></li>
            <li class="lis"><a th:href="@{/moyue/book/seniority}">排行</a></li>
            <li class="lis"><a th:href="@{/moyue/user/finish}">完本</a></li>
            <li class="lis"><a th:href="@{/moyue/user/free}">免费</a></li>
            <li class="lis"><a th:href="@{/moyue/user/writerhtml}">作家专区</a></li>
        </ul>
    </div>
    <div class="wrip-con">
        <div class="con-call">
            <a href="find.html" th:each="parentype : ${type}" th:text="${parentype.typeName}" th:href="'/moyue/book/booktype' +'?typeId='+ ${parentype.typeId}+'&page=1'">玄幻</a>
            <!--<a href="find.html">奇幻</a>-->
            <!--<a href="find.html" class="con-call-list1">武侠</a>-->
            <!--<a href="find.html" class="con-call-list1">仙侠</a>-->
        </div>
        <div class="con-lun">
            <div class="list" style="left:0px;">
                <img src="/moyue/images/a1.jpg" alt="1" />
                <img src="/moyue/images/a2.jpg" alt="2" />
                <img src="/moyue/images/a3.jpg" alt="3" />
                <img src="/moyue/images/a4.jpg" alt="4" />
                <img src="/moyue/images/a5.jpg" alt="5" />
            </div>
            <a href="javascript:;" id="prev" class="arrow">&lt;</a>
            <a href="javascript:;" id="next" class="arrow">&gt;</a>
        </div>
        <div class="center-advert">
            <div class="right-bout">
                <div class="bout-title">
                    <h4>个性推荐</h4>
                    <a th:href="@{/moyue/book/seniority}" class="gengduo">查看更多 ></a>
                </div>
                <div  class="bout-s">
                    <a class="bout-s-shop" th:each="rewardbook:${rewardbook}" th:href="'/moyue/book/bookView/'+ ${rewardbook.bookId}" >
                        <img th:src="'/moyue/Path/'+${rewardbook.bookCoverUrl}">
                        <div class="bout-s-book">
                            <p style="color: #333;" th:title="${rewardbook.bookName}" th:text="${rewardbook.bookName}"></p>
                            <p style="color: #888" th:text="${rewardbook.authorName}"></p>
                        </div>
                    </a>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <div class="con-advist">
            <a href="javascript:;">公告</a>
            <a href="javascript:;">公告</a>
            <a href="javascript:;">公告</a>
            <a href="javascript:;">公告</a>
            <a href="javascript:;">公告</a>
            <a href="javascript:;">公告</a>
            <a href="javascript:;">公告</a>
        </div>
        <div class="clear"></div>
    </div>
</div>
<div id="back"></div>
<div id="denglu">
    <div class="denglu-login">
        <div class="denglu-close" onclick="closes()"><i class="fa fa-close"></i></div>
        <div class="login-top">
            <div class="login-top-one">账号登陆</div>
        </div>
        <div class="login-center">关于墨阅网将实行<a href="#">手机绑定实名制的说明</a>
        </div>
        <input placeholder="手机/邮箱/用户名" id="user">
        <input placeholder="密码" id="password" type="password">
        <div class="self-motion">
            <input type="checkbox" style="width: 15px;height: 15px;margin: 0px">
            <span>下次自动登录</span>
        </div>
        <a th:href="@{/moyue/user/forgetPwdUI}" target="_blank" class="wangji">忘记密码</a>
        <a href="#"><div class="denglu-button" onclick="login()">登陆</div></a>
        <div class="denglu-three">
            <p>使用第三方账号登录</p>
            <div class="three-ss">
                <a href="javascript:;" class="three-ss-qq" style="background-color: #FF0036;font-size:25px;"><i class="fa fa-weibo" title="新浪微博"></i></a>
                <a href="https://github.com/login/oauth/authorize?client_id=6c861c60eb9fd46cfc6d" class="three-ss-qq" style="background-color: #111111;font-size: 25px" methods="get"><i class="fa fa-github" title="GitHub"></i> </a>
                <a href="javascript:;" class="three-ss-qq" style="background-color: #0a6397;font-size: 25px"><i class="fa fa-qq" title=""></i> </a>
                <a href="javascript:;" class="three-ss-qq" style="background-color: #419641;font-size: 25px"><i class="fa fa-linkedin" title=""></i> </a>
            </div>
            <p style="margin-top: 70px;padding-top: 10px;border-top: 1px solid #D1CCC7;">没有账号？<a th:href="@{/moyue/user/registerUI}" target="_blank" style="color: #36a803;">立即申请</a></p>
        </div>
    </div>
</div>
<div class="table">
    <div class="table-book">
        <div class="book-left">
             <div class="book-left-rank">
                 <h3>排行榜</h3>
                 <a th:href="@{/moyue/book/seniority}">更多 > </a>
             </div>
            <div class="rank-pai">
                 <div class="rank-pai">
                     <a href="javascript:;" onclick="male()">收藏榜</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="javascript:;" onclick="malele()">点击榜</a>
                 </div>
                <div class="rank-male rank-block">
                    <a th:href="'/moyue/book/bookView/'+ ${firstclection.bookId}" class="frist"  >
                        <div class="frist-img">
                            <span class="book-frist">1</span>
                            <img th:src="'/moyue/Path/'+${firstclection.bookCoverUrl}">
                        </div>
                        <div class="rank-name">
                            <p class="name" th:text="${firstclection.bookName}">圣墟</p>
                            <p class="shul"><span th:text="${firstclection.bookCollections}"></span>收藏量</p>
                        </div>
                    </a>
                    <a th:each="blogId,key : ${clectionbook}" th:href="'/moyue/book/bookView/'+ ${key.current.value.bookId}" >
                        <div class="ming">
                            <span th:text="${key.current.key}">10</span>
                        </div>
                        <div class="rank-name">
                            <p class="name" th:text="${key.current.value.bookName}">圣墟</p>
                            <p class="shul"><span th:text="${key.current.value.bookCollections}"></span> 收藏量</p>
                        </div>
                    </a>
                    <div class="clear"></div>
                </div>
                <div class="rank-malele rank-none">
                    <a th:href="'/moyue/book/bookView/'+ ${firstclick.bookId}" class="frist"  >
                        <div class="frist-img">
                            <span class="book-frist">1</span>
                            <img th:src="'/moyue/Path/'+${firstclick.bookCoverUrl}">
                        </div>
                        <div class="rank-name">
                            <p class="name" th:text="${firstclick.bookName}"></p>
                            <p class="shul"><span th:text="${firstclick.bookClicks}"></span>点击量</p>
                        </div>
                    </a>
                    <a th:each="blogId,key : ${clickbook}" th:href="'/moyue/book/bookView/'+ ${key.current.value.bookId}" >
                        <div class="ming">
                            <span th:text="${key.current.key}"></span>
                        </div>
                        <div class="rank-name">
                            <p class="name" th:text="${key.current.value.bookName}">圣墟</p>
                            <p class="shul"><span th:text="${key.current.value.bookClicks}"></span> 点击量</p>
                        </div>
                    </a>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <div class="book-right">
            <div class="right-bout">
                <div class="bout-title">
                    <h4>精品书籍</h4>
                    <a th:href="@{/moyue/book/seniority}" class="gengduo">查看更多 ></a>
                </div>
                <div class="bout-s">
                    <a href="javascript:;" class="bout-s-shop" th:each="rankbook:${rankbook}" th:href="'/moyue/book/bookView/'+ ${firstclection.bookId}" >
                        <img th:src="'/moyue/Path/'+${rankbook.bookCoverUrl}">
                        <div class="bout-s-book">
                            <p style="color: #333;" th:title="${rankbook.bookName}" th:text="${rankbook.bookName}"></p>
                            <p style="color: #888" th:text="${rankbook.authorName}"></p>
                        </div>
                    </a>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="sift">
                <div class="sift-male">
                    <div class="male-title">
                        <div class="male-title-txt">
                            <i class="fa fa-mars" style="color: #FF0036;font-size: 25px"></i>
                            <h4>男生精选</h4>
                        </div>
                        <a href="javascript:;" class="male-claif">玄幻&nbsp;&nbsp;</a>
                        <a href="javascript:;" class="male-claif">&nbsp;&nbsp;武侠 &nbsp;&nbsp;</a>
                        <a href="javascript:;" class="male-claif">&nbsp;&nbsp;都市</a>
                        <a th:href="@{/moyue/book/seniority}" class="male-many">查看更多 ></a>
                    </div>
                    <div class="male-book">
                        <a href="javascript:;" th:each="rewardtwo:${rewardtwo}" th:href="'/moyue/book/bookView/'+ ${rewardtwo.bookId}"  >
                            <div class="male-book-s">
                                <img th:src=" '/moyue/Path/'+${rewardtwo.bookCoverUrl}" />
                                <div class="book-s-text">
                                    <h4 class="s-text-name">
                                        <span th:text="${rewardtwo.bookName}">美女的护花兵王</span>
                                        <span class="tag-serial" th:if="${rewardtwo.bookIsEnd}==0">连载</span>
                                        <span class="tag-serial" th:if="${rewardtwo.bookIsEnd}==1">完结</span>
                                    </h4>
                                    <p class="s-text-desc" th:title="${rewardtwo.bookDescription}" th:text="${rewardtwo.bookDescription}">为了祖国，曾浴血奋战；为了兄弟，曾死战不退。

                                    </p>
                                    <p class="popularity">
                                        <span th:text="${rewardtwo.authorName}">天郎</span>
                                        <span>&nbsp;&nbsp;|&nbsp;&nbsp;</span>
                                        <span class="pop-red" th:text="${rewardtwo.bookClicks}">1098</span> 人气
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="sift-maleer">
                    <div class="male-title">
                        <div class="male-title-txt">
                            <i class="fa fa-mars" style="color: #FF0036;font-size: 25px"></i>
                            <h4>男生精选</h4>
                        </div>
                        <a href="javascript:;" class="male-claif">玄幻&nbsp;&nbsp;</a>
                        <a href="javascript:;" class="male-claif">&nbsp;&nbsp;武侠 &nbsp;&nbsp;</a>
                        <a href="javascript:;" class="male-claif">&nbsp;&nbsp;都市</a>
                        <a th:href="@{/moyue/book/seniority}" class="male-many">查看更多 ></a>
                    </div>
                    <div class="male-book">
                        <a href="javascript:;" th:each="clicktwo:${clicktwo}" th:href="'/moyue/book/bookView/'+ ${clicktwo.bookId}" >
                            <div class="male-book-s">
                                <img th:src=" '/moyue/Path/'+${clicktwo.bookCoverUrl}" />
                                <div class="book-s-text">
                                    <h4 class="s-text-name">
                                        <span th:text="${clicktwo.bookName}">美女的护花兵王</span>
                                        <span class="tag-serial" th:if="${clicktwo.bookIsEnd}==0">连载</span>
                                        <span class="tag-serial" th:if="${clicktwo.bookIsEnd}==1">完结</span>
                                    </h4>
                                    <p class="s-text-desc" th:title="${clicktwo.bookDescription}" th:text="${clicktwo.bookDescription}">为了祖国，曾浴血奋战；为了兄弟，曾死战不退。

                                    </p>
                                    <p class="popularity">
                                        <span th:text="${clicktwo.authorName}">天郎</span>
                                        <span>&nbsp;&nbsp;|&nbsp;&nbsp;</span>
                                        <span class="pop-red" th:text="${clicktwo.bookClicks}">1098</span> 人气
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <div class="hot-item">
            <a href="" style="margin-right: 10px;"><img src="/moyue/Path/upload/bgimg/book7.jpg" ></a>
            <a href=""><img src="/moyue/Path/upload/bgimg/book8.jpg" ></a>
            <a href="" style="float: right;"><img src="/moyue/Path/upload/bgimg/book9.jpg" ></a>
        </div>

        <div>
            <div class="book-box">
                <div class="male-title">
                    <i class="fa fa-mars" style="color: #FF0036;font-size: 25px"></i>
                    <span>男频新书</span>
                    <a th:href="@{/moyue/book/seniority}" class="male-many">查看更多 ></a>
                </div>
                <div class="book-ulist">
                    <a href=""th:each="clectionfour:${clectionfour}" th:href="'/moyue/book/bookView/'+ ${clectionfour.bookId}" >
                        <img th:src=" '/moyue/Path/'+${clectionfour.bookCoverUrl}"/>
                        <p style="color: #333;" th:text="${clectionfour.bookName}"></p>
                        <p style="color: #999;" th:text="${clectionfour.authorName}"></p>
                    </a>
                </div>
            </div>
            <div class="book-box">
                <div class="male-title">
                    <i class="fa fa-mars-stroke" style="color: #FF0036;font-size: 25px"></i>
                    <span>女频连载</span>
                    <a th:href="@{/moyue/book/seniority}" class="male-many">查看更多 ></a>
                </div>
                <div class="book-ulist">
                    <a href=""th:each="rewardfour:${rewardfour}" th:href="'/moyue/book/bookView/'+ ${rewardfour.bookId}" >
                        <img th:src=" '/moyue/Path/'+${rewardfour.bookCoverUrl}"/>
                        <p style="color: #333;" th:text="${rewardfour.bookName}"></p>
                        <p style="color: #999;" th:text="${rewardfour.authorName}"></p>
                    </a>
                </div>
            </div>
            <div class="book-box">
                <div class="male-title">
                    <i class="fa fa-mars" style="color: #FF0036;font-size: 25px"></i>
                    <span>男频完本</span>
                    <a th:href="@{/moyue/book/seniority}" class="male-many">查看更多 ></a>
                </div>
                <div class="book-ulist">
                    <a href=""th:each="clickfour:${clickfour}" th:href="'/moyue/book/bookView/'+ ${clickfour.bookId}" >
                        <img th:src=" '/moyue/Path/'+${clickfour.bookCoverUrl}"/>
                        <p style="color: #333;" th:text="${clickfour.bookName}"></p>
                        <p style="color: #999;" th:text="${clickfour.authorName}"></p>
                    </a>
                </div>
            </div>
            <div class="book-box">
                <div class="male-title">
                    <i class="fa fa-mars-stroke" style="color: #FF0036;font-size: 25px"></i>
                    <span>女频完本</span>
                    <a th:href="@{/moyue/book/seniority}" class="male-many">查看更多 ></a>
                </div>
                <div class="book-ulist">
                    <a href=""th:each="rankfour:${rankfour}" th:href="'/moyue/book/bookView/'+ ${rankfour.bookId}" >
                        <img th:src=" '/moyue/Path/'+${rankfour.bookCoverUrl}"/>
                        <p style="color: #333;" th:text="${rankfour.bookName}"></p>
                        <p style="color: #999;" th:text="${rankfour.authorName}"></p>
                    </a>
                </div>
            </div>
        </div>

    </div>
</div>
<div class="navs" id="div1">
    <div class="navs-top">
        <div class="navs-top-left">
            <ul>
                <div class="top-left-one"><a href="index.html" target=""  style="font-size: 20px;">墨阅小说网</a></div>
                <li><a href="find.html" target="" >玄幻</a></li>
                <li><a href="find.html" target="" >都市</a></li>
                <li><a href="find.html" target="" >仙侠</a></li>
                <li><a href="find.html" target="" >科幻</a></li>
                <li><a href="find.html" target="" >游戏</a></li>
                <li><a href="find.html" target="" >历史</a></li>
                <li><a href="" target="" >排行</a></li>
                <li class="more"><a href="find.html"  id="top-nav-more" target="" >更多<span></span></a>
                    <div class="top-left-dropdown"><a href="find.html" target="_blank" >全部作品</a>
                        <a href="find.html" target="" >二次元</a>
                        <a href="find.html" target="" >奇幻</a>
                        <a href="find.html" target="" >武侠</a>
                        <a href="find.html" target="" >灵异</a>
                        <a href="find.html" target="" >军事</a>
                        <a href="find.html" target="" >现实</a>
                        <a href="find.html" target="" >体育</a>
                        <a href="find.html" target="">短篇</a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="navs-top-right">
            <div class="top-right-shou">
                <input placeholder="斗罗大陆">
                <i class="fa fa-search"- style="margin-left: 10px;cursor:pointer"></i>
                &nbsp;&nbsp;|
            </div>
            <div class="top-right-myhone" >
                <div class="myhone" th:if="${session.user}==null">
                    <span onclick="upup()">登录</span>&nbsp;&nbsp;
                    <span><a href="register.html">注册</a> </span>
                </div>
                <div class="mylanded" th:if="${session.user}!=null">
                    <a th:href="@{/moyue/index}"><span th:each="user : ${session.user}" th:text="${user.userName}"></span></a>
                    <div class="mylanded-y">
                        <a th:href="@{/moyue/user/myhomehtml}">个人中心</a>
                        <a th:href="@{/moyue/user/safetyhtml}">安全中心</a>
                        <a th:href="@{/moyue/book/bookcaselist}">我的书架</a>
                        <a th:href="@{/moyue/user/outlogin}">退出登录</a>
                    </div>
                </div>
                &nbsp;&nbsp;|
                <div class="mybook">
                    <i class="iconfont" style="font-size: 25px">&#xe60a;</i>
                    <span style="line-height: 30px"><a th:href="@{/moyue/book/bookcaselist}">我的书架</a></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="person-footer">
    <div class="footer">
        <div class="flider">
            <div style="margin: 0 auto; width: 405px;">
                <a href="////">关于墨阅</a>
                <a href="////">联系我们</a>
                <a href="////">加入我们</a>
                <a href="////">帮助中心</a>
                <a href="////">提交建议</a>
                <a href="////">举报中心</a>
            </div>
            <p><span>Copyright &copy; 2002-2018 www.qidian.com

 All Rights Reserved</span>版权所有 上海玄霆娱乐信息科技有限公司</p>
            <p>上海玄霆娱乐信息科技有限公司 增值电信业务经营许可证沪B2-20080046 出版经营许可证 新出发沪批字第U3718号 沪网文[2015]0081-031 新出网证（沪）字010 沪ICP备08017520号-1</p>
            <p>请所有作者发布作品时务必遵守国家互联网信息管理办法规定，我们拒绝任何色情小说，一经发现，即作删除！举报电话：010-59357051</p>
            <p>本站所收录的作品、社区话题、用户评论、用户上传内容或图片等均属用户个人行为。如前述内容侵害您的权益，欢迎举报投诉，一经核实，立即删除，本站不承担任何责任</p>
            <p>联系方式 总机 021-61870500 地址：中国（上海）自由贸易试验区碧波路690号6号楼101、201室</p>
        </div>
    </div>
</div>

</body>
<script th:src="@{/moyue/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{/moyue/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/moyue/js/index.js}"></script>
</html>